<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发现</title>
</head>
<body>
   <div class="web">
       <header>
           <div class="box">
               <div class="back">
                   <span>back</span>
               </div>
               <div class="my">
                   <span>发现</span>
               </div>
               <div class="city">
                   <span class="iconfont icon-xiala"></span>
                   <select name="city">
                       <option value="volvo">上海市</option>
                       <option value="saab">北京市</option>
                       <option value="fiat" selected>广州市</option>
                       <option value="audi">深圳市</option>
                   </select>
               </div>
           </div>
       </header>
       <main>
           <div class="search">
               <input type="text" placeholder="请输入商品的名称">
               <span class="iconfont icon-sousuo"></span>
           </div>
           <div class="text">
               <p>大家都在搜</p>
               <ul class="clearfix">
                   <li>寿司</li>
                   <li>羽毛球</li>
                   <li>火锅</li>
                   <li>游泳馆</li>
                   <li>电影</li>
                   <li>周黑鸭</li>
                   <li>KTV</li>
                   <li>肯德基</li>
               </ul>
           </div>
           <div class="buy clearfix">
               <div class="buy_left fl">
                   <span class="iconfont icon-dianying hue"></span>
                   <span>热门搜索</span>
               </div>
               <div class="buy_right fr">
                   <span>更多</span>
                   <span class="iconfont icon-more hue"></span>
               </div>
           </div>
           <div class="food">
               <div class="box1">
                   <img src="../img/hot1.png" alt="">
               </div>
               <div class="box2">
                   <img src="../img/hot2.png" alt="">
                   <div class="box3">
                       <img src="../img/hot3.png" alt="">
                   </div>
                   <div class="box4">
                       <img src="../img/hot4.png" alt="">
                   </div>
               </div>
           </div>
           <div class="buy clearfix">
               <div class="buy_left fl">
                   <span class="iconfont icon-dianying hue"></span>
                   <span>推荐搜索</span>
               </div>
               <div class="buy_right fr">
                   <span>更多</span>
                   <span class="iconfont icon-more hue"></span>
               </div>
           </div>
           <div class="foods">
               <div class="run">
                   <img src="../img/recom1.png" alt="">
               </div>
               <div class="run">
                   <img src="../img/recon2.png" alt="">
               </div>
               <div class="run">
                   <img src="../img/recon3.png" alt="">
               </div>
           </div>
       </main>
       <footer>
           <div class="menu">
               <div class="box">
                   <div class="home">
                       <a href="./index.html" class="iconfont icon-shouye"></a>
                       <p>首页</p>
                   </div>
                   <div class="home">
                       <a href="./classify.html" class="iconfont icon-fenlei"></a>
                       <p>分类</p>
                   </div>
                   <div class="home">
                       <a href="./find.html" class="iconfont icon-faxian"></a>
                       <p>发现</p>
                   </div>
                   <div class="home">
                       <a href="./personal.html" class="iconfont icon-wode"></a>
                       <p>我的</p>
                   </div>
               </div>
           </div>
       </footer>
   </div>
</body>
</html>